﻿<runtime:VisualPart
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	x:Class="MiniPlayerAddIn.PlayerBar"
    xmlns:wpf="clr-namespace:ViewOnCore.Helper.WPF;assembly=ViewOnCore"
    xmlns:runtime="clr-namespace:ViewOnCore.Visual;assembly=ViewOnCore"
	xmlns:helper="clr-namespace:Helper.WPF">

	<runtime:VisualPart.Resources>

		<helper:InverseConverter x:Key="InverseConverter" />

		<Style x:Key="WindowBarButton" TargetType="{x:Type Button}">
			<Style.BasedOn>
				<Style TargetType="Button">
					<Setter Property="Padding" Value="2.5,2.5,2.5,2.5"/>
					<Setter Property="VerticalAlignment" Value="Center"/>
					<Setter Property="MinWidth" Value="0"/>
					<Setter Property="FontSize" Value="12.266666666666666"/>
					<Setter Property="FocusVisualStyle" Value="{x:Null}" />
					<Setter Property="Width" Value="16"/>
					<Setter Property="Height" Value="16"/>
					<Setter Property="Margin" Value="2.5,0,2.5,0"/>
					<Setter Property="Control.Template">
						<Setter.Value>
							<ControlTemplate TargetType="Button">
								<Grid>
									<Border Name="highlight" BorderBrush="White" CornerRadius="2" BorderThickness="1,1,1,1" Background="#00ffffff" Opacity="0">
										<Border.BitmapEffect>
											<OuterGlowBitmapEffect GlowColor="White" GlowSize="3" Noise="0" Opacity="0.5" />
										</Border.BitmapEffect>
									</Border>
									<ContentPresenter Margin="{TemplateBinding Control.Padding}" VerticalAlignment="Center" ContentTemplate="{TemplateBinding ContentControl.ContentTemplate}" Content="{TemplateBinding ContentControl.Content}">
										<ContentPresenter.BitmapEffect>
											<OuterGlowBitmapEffect x:Name="GlowEffect" GlowColor="White" GlowSize="2" Noise="0" Opacity="0"/>
										</ContentPresenter.BitmapEffect>
									</ContentPresenter>
								</Grid>
								<ControlTemplate.Triggers>
									<EventTrigger RoutedEvent="Mouse.MouseEnter">
										<BeginStoryboard>
											<Storyboard>
												<Storyboard.Children>
													<DoubleAnimation To="0.7" Duration="00:00:00.4000000" Storyboard.TargetName="highlight" Storyboard.TargetProperty="Opacity" />
													<DoubleAnimation To="0.5" Duration="00:00:00.4000000" Storyboard.TargetName="GlowEffect" Storyboard.TargetProperty="Opacity" />
												</Storyboard.Children>
											</Storyboard>
										</BeginStoryboard>
									</EventTrigger>
									<EventTrigger RoutedEvent="Mouse.MouseLeave">
										<BeginStoryboard>
											<Storyboard>
												<Storyboard.Children>
													<DoubleAnimation To="0" Duration="00:00:00.4000000" Storyboard.TargetName="highlight" Storyboard.TargetProperty="Opacity" />
													<DoubleAnimation To="0" Duration="00:00:00.4000000" Storyboard.TargetName="GlowEffect" Storyboard.TargetProperty="Opacity" />
												</Storyboard.Children>
											</Storyboard>
										</BeginStoryboard>
									</EventTrigger>
								</ControlTemplate.Triggers>
							</ControlTemplate>
						</Setter.Value>
					</Setter>
				</Style>
			</Style.BasedOn>
		</Style>

		<Style x:Key="Slider.PositionWithEffect4.Thumb" TargetType="{x:Type Thumb}">
			<Setter Property="SnapsToDevicePixels" Value="true"/>
			<Setter Property="OverridesDefaultStyle" Value="true"/>
			<Setter Property="Focusable" Value="false"/>
			<Setter Property="Height" Value="14"/>
			<Setter Property="Width" Value="14"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type Thumb}">
						<Border
									  x:Name="Ellipse"
									  CornerRadius="0,0,0,0"
									  Background="White"
									  RenderTransformOrigin="0.5,0.5" Width="6" Height="6" >
							<Border.RenderTransform>
								<TransformGroup>
									<ScaleTransform ScaleX="1" ScaleY="1"/>
									<SkewTransform AngleX="0" AngleY="0"/>
									<RotateTransform Angle="45"/>
									<TranslateTransform X="0" Y="0"/>
								</TransformGroup>
							</Border.RenderTransform>
							<Border.BitmapEffect>
								<OuterGlowBitmapEffect GlowColor="White" GlowSize="3" Noise="0" Opacity="0.5" />
							</Border.BitmapEffect>
						</Border>
						<ControlTemplate.Triggers>
							<Trigger Property="IsMouseOver" Value="True">
								<Setter TargetName="Ellipse" Property="Background" Value="{StaticResource VOColor02}"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>

		<ControlTemplate x:Key="Slider.PositionWithEffect4.HorizontalSlider" TargetType="{x:Type Slider}">
			<Grid>
				<Grid.RowDefinitions>
					<RowDefinition Height="Auto"/>
					<RowDefinition Height="Auto" MinHeight="{TemplateBinding MinHeight}"/>
					<RowDefinition Height="Auto"/>
				</Grid.RowDefinitions>
				<TickBar
				  x:Name="TopTick"
				  SnapsToDevicePixels="True"
				  Placement="Top"
				  Fill="Transparent"
				  Height="4"
				  Visibility="Collapsed" />
				<Border
				  x:Name="TrackBackground"
				  Margin="0"
				  Height="1"
				  Grid.Row="1"
				  Background="White">
					<Border.BitmapEffect>
						<OuterGlowBitmapEffect GlowColor="White" GlowSize="3" Noise="0" Opacity="0.5" />
					</Border.BitmapEffect>
				</Border>
				<Track Grid.Row="1" x:Name="PART_Track">
					<Track.DecreaseRepeatButton>
						<RepeatButton
						Style="{StaticResource Slider.PositionWithEffect4.Button}"
						Command="Slider.DecreaseLarge"/>
					</Track.DecreaseRepeatButton>
					<Track.IncreaseRepeatButton>
						<RepeatButton
						Style="{StaticResource Slider.PositionWithEffect4.Button}"
						Command="Slider.IncreaseLarge"/>
					</Track.IncreaseRepeatButton>
					<Track.Thumb>
						<Thumb Style="{StaticResource Slider.PositionWithEffect4.Thumb}" />
					</Track.Thumb>
				</Track>
				<TickBar
				  x:Name="BottomTick"
				  SnapsToDevicePixels="True"
				  Grid.Row="2"
				  Fill="{TemplateBinding Foreground}"
				  Placement="Bottom"
				  Height="4"
				  Visibility="Collapsed"/>
			</Grid>
			<ControlTemplate.Triggers>
				<Trigger Property="TickPlacement" Value="TopLeft">
					<Setter TargetName="TopTick" Property="Visibility" Value="Visible"/>
				</Trigger>
				<Trigger Property="TickPlacement" Value="BottomRight">
					<Setter TargetName="BottomTick" Property="Visibility" Value="Visible"/>
				</Trigger>
				<Trigger Property="TickPlacement" Value="Both">
					<Setter TargetName="TopTick" Property="Visibility" Value="Visible"/>
					<Setter TargetName="BottomTick" Property="Visibility" Value="Visible"/>
				</Trigger>
			</ControlTemplate.Triggers>
		</ControlTemplate>

		<Style x:Key="Slider.PositionWithEffect4" TargetType="{x:Type Slider}">
			<Setter Property="SnapsToDevicePixels" Value="true"/>
			<Setter Property="OverridesDefaultStyle" Value="true"/>
			<Style.Triggers>
				<Trigger Property="Orientation" Value="Horizontal">
					<Setter Property="MinWidth" Value="30" />
					<Setter Property="MinHeight" Value="21" />
					<Setter Property="Template" Value="{StaticResource Slider.PositionWithEffect4.HorizontalSlider}" />
				</Trigger>
			</Style.Triggers>
		</Style>

		<LinearGradientBrush x:Key="ButtonBackgroundBrush" StartPoint="0,0" EndPoint="0,1">
			<GradientStop Offset="0.0" Color="#666666"/>
			<GradientStop Offset="0.05" Color="#666"/>
			<GradientStop Offset="0.25" Color="#404040"/>
			<GradientStop Offset="0.95" Color="#FF222222"/>
		</LinearGradientBrush>

		<LinearGradientBrush x:Key="ButtonBorderBrush" StartPoint="0,0" EndPoint="1,1">
			<GradientStop Offset="0.0" Color="#FFf8f8f8"/>
			<GradientStop Offset="0.4" Color="#FF8f8f8f"/>
			<GradientStop Offset="0.8" Color="#FF7b7b7b"/>
		</LinearGradientBrush>

		<LinearGradientBrush x:Key="PlayerBackgroundBrush" EndPoint="0,1" StartPoint="0,0">
			<GradientStop Color="#FF2e2e2e" Offset="0.12"/>
			<GradientStop Color="#FF291614" Offset="0.53"/>
			<GradientStop Color="#FF20200E" Offset="0.938"/>
			<GradientStop Color="#FF282625" Offset="0.486"/>
		</LinearGradientBrush>

		<LinearGradientBrush x:Key="BorderCentralBrush" EndPoint="0.5,0.979" StartPoint="0.5,0.053">
			<GradientStop Color="#FFE6E6E6" Offset="0"/>
			<GradientStop Color="#FF99918F" Offset="0.925"/>
			<GradientStop Color="#FFBEBAB8" Offset="0.49"/>
		</LinearGradientBrush>

		<Style x:Key="Slider.VolumeWithEffect4.Button" TargetType="{x:Type RepeatButton}">
			<Setter Property="SnapsToDevicePixels" Value="true"/>
			<Setter Property="OverridesDefaultStyle" Value="true"/>
			<Setter Property="IsTabStop" Value="false"/>
			<Setter Property="Focusable" Value="false"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type RepeatButton}">
						<Border Background="Transparent" />
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>

		<Style x:Key="Slider.VolumeWithEffect4.Thumb" TargetType="{x:Type Thumb}">
			<Setter Property="SnapsToDevicePixels" Value="true"/>
			<Setter Property="OverridesDefaultStyle" Value="true"/>
			<Setter Property="Focusable" Value="false"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type Thumb}">
						<Path
									  Width="9"
									  Height="14"
									  Data="M160,400 L160,310 200,280 240,310 240,400 z"
									  Stretch="Fill"
									  Fill="{StaticResource ButtonBackgroundBrush}"
									  Stroke="{StaticResource ButtonBorderBrush}">
							<Path.BitmapEffect>
								<OuterGlowBitmapEffect x:Name="HoverEffect" GlowColor="White" GlowSize="0" Noise="0" Opacity="0.5" />
							</Path.BitmapEffect>
						</Path>
						<ControlTemplate.Triggers>
							<EventTrigger RoutedEvent="Mouse.MouseEnter">
								<BeginStoryboard>
									<Storyboard>
										<Storyboard.Children>
											<DoubleAnimation To="2" Duration="00:00:00.1" Storyboard.TargetName="HoverEffect" Storyboard.TargetProperty="GlowSize" />
										</Storyboard.Children>
									</Storyboard>
								</BeginStoryboard>
							</EventTrigger>
							<EventTrigger RoutedEvent="Mouse.MouseLeave">
								<BeginStoryboard>
									<Storyboard>
										<Storyboard.Children>
											<DoubleAnimation To="0" Duration="00:00:00.1" Storyboard.TargetName="HoverEffect" Storyboard.TargetProperty="GlowSize" />
										</Storyboard.Children>
									</Storyboard>
								</BeginStoryboard>
							</EventTrigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>

		<ControlTemplate x:Key="Slider.VolumeWithEffect4.HorizontalSlider" TargetType="{x:Type Slider}">
			<Grid>
				<TickBar
				  x:Name="TopTick"
				  Height="1"
				  Fill="#7FFF"
				  Placement="Top"
				  SnapsToDevicePixels="True"
				  Visibility="Collapsed"/>
				<Path
				  Height="12"
				  Margin="4,0"
				  Data="M80,320 L560,320 560,290 80,315 z"
				  Stretch="Fill"
				  Stroke="#2FFF"
				  StrokeThickness="1">
					<Path.Fill>
						<LinearGradientBrush StartPoint="0.198,0.457" EndPoint="0.215,2.283">
							<GradientStop Offset="0" Color="#3000"/>
							<GradientStop Offset="0.3" Color="#407F7F7F"/>
						</LinearGradientBrush>
					</Path.Fill>
				</Path>
				<Track x:Name="PART_Track" Height="16">
					<Track.DecreaseRepeatButton>
						<RepeatButton Command="Slider.DecreaseLarge" Style="{StaticResource Slider.VolumeWithEffect4.Button}"/>
					</Track.DecreaseRepeatButton>
					<Track.Thumb>
						<Thumb Style="{StaticResource Slider.VolumeWithEffect4.Thumb}"/>
					</Track.Thumb>
					<Track.IncreaseRepeatButton>
						<RepeatButton Command="Slider.IncreaseLarge" Style="{StaticResource Slider.VolumeWithEffect4.Button}"/>
					</Track.IncreaseRepeatButton>
				</Track>
				<TickBar
				  x:Name="BottomTick"
				  Height="1"
				  Canvas.Top="35"
				  Fill="{TemplateBinding Foreground}"
				  Placement="Bottom"
				  SnapsToDevicePixels="True"
				  Visibility="Collapsed"/>
			</Grid>

			<ControlTemplate.Triggers>
				<Trigger Property="TickPlacement" Value="TopLeft">
					<Setter TargetName="TopTick" Property="Visibility" Value="Visible"/>
				</Trigger>
				<Trigger Property="TickPlacement" Value="BottomRight">
					<Setter TargetName="BottomTick" Property="Visibility" Value="Visible"/>
				</Trigger>
				<Trigger Property="TickPlacement" Value="Both">
					<Setter TargetName="TopTick" Property="Visibility" Value="Visible"/>
					<Setter TargetName="BottomTick" Property="Visibility" Value="Visible"/>
				</Trigger>
			</ControlTemplate.Triggers>
		</ControlTemplate>

		<Style x:Key="Slider.VolumeWithEffect4" TargetType="{x:Type Slider}">
			<Setter Property="SnapsToDevicePixels" Value="true"/>
			<Setter Property="OverridesDefaultStyle" Value="true"/>
			<Style.Triggers>
				<Trigger Property="Orientation" Value="Horizontal">
					<Setter Property="MinWidth" Value="30" />
					<Setter Property="MinHeight" Value="21" />
					<Setter Property="Template" Value="{StaticResource Slider.VolumeWithEffect4.HorizontalSlider}" />
				</Trigger>
			</Style.Triggers>
		</Style>

		<Style x:Key="Button.TransparentWithEffect4" TargetType="{x:Type Button}">
			<Setter Property="FocusVisualStyle" Value="{x:Null}" />
			<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
			<Setter Property="HorizontalContentAlignment" Value="Center"/>
			<Setter Property="VerticalContentAlignment" Value="Center"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type Button}">
						<Border Background="#00ffffff">
							<ContentPresenter>
								<ContentPresenter.BitmapEffect>
									<OuterGlowBitmapEffect x:Name="HoverEffect" GlowColor="White" GlowSize="0" Noise="0" Opacity="0.5" />
								</ContentPresenter.BitmapEffect>
							</ContentPresenter>
						</Border>
						<ControlTemplate.Triggers>
							<Trigger Property="IsKeyboardFocused" Value="true"/>
							<Trigger Property="ToggleButton.IsChecked" Value="true"/>
							<Trigger Property="IsEnabled" Value="false">
								<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
							</Trigger>
							<EventTrigger RoutedEvent="Mouse.MouseEnter">
								<BeginStoryboard>
									<Storyboard>
										<Storyboard.Children>
											<DoubleAnimation To="2" Duration="00:00:00.1" Storyboard.TargetName="HoverEffect" Storyboard.TargetProperty="GlowSize" />
										</Storyboard.Children>
									</Storyboard>
								</BeginStoryboard>
							</EventTrigger>
							<EventTrigger RoutedEvent="Mouse.MouseLeave">
								<BeginStoryboard>
									<Storyboard>
										<Storyboard.Children>
											<DoubleAnimation To="0" Duration="00:00:00.1" Storyboard.TargetName="HoverEffect" Storyboard.TargetProperty="GlowSize" />
										</Storyboard.Children>
									</Storyboard>
								</BeginStoryboard>
							</EventTrigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>

	</runtime:VisualPart.Resources>

	<Border x:Name="borMain" BorderThickness="1,1,1,1" Background="{StaticResource PlayerBackgroundBrush}" BorderBrush="Black">
		<StackPanel VerticalAlignment="Top" Orientation="Horizontal">
				  
			<StackPanel Orientation="Horizontal">
				<Button x:Name="btnPrevious" Style="{StaticResource Button.TransparentWithEffect4}" Margin="2,0,2,0" Width="15" Height="15" Click="btnPrevious_Click">
					<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
						<Path
							Width="6"
							Height="11"
							Data="M60,100 L60,0 0,50 z"
							Stretch="Fill"
							Fill="{StaticResource ButtonBackgroundBrush}"
							Stroke="{StaticResource ButtonBorderBrush}"/>
						<Path
							Width="6"
							Height="11"
							Data="M60,100 L60,0 0,50 z"
							Stretch="Fill"
							Fill="{StaticResource ButtonBackgroundBrush}"
							Stroke="{StaticResource ButtonBorderBrush}"/>
					</StackPanel>
				</Button>
				<Button x:Name="btnPlay" Style="{StaticResource Button.TransparentWithEffect4}" Margin="2,0,2,0" Width="20" Height="20" Click="btnPlay_Click" VerticalAlignment="Center">
					<Grid>
						<Path
							x:Name="patPlay"
							HorizontalAlignment="Center"
							Width="7"
							Height="12"
							Data="M0,100 L0,0 60,50 z"
							Stretch="Fill"
							Fill="{StaticResource ButtonBackgroundBrush}"
							Stroke="{StaticResource ButtonBorderBrush}"/>
						<StackPanel x:Name="patPause" Visibility="Collapsed" Orientation="Horizontal" HorizontalAlignment="Center">
							<Path
							  Width="3"
							  Height="12"
							  Data="M0,0 20,0 20,100 0,100 z"
							  Stretch="Fill"
							  Fill="{StaticResource ButtonBackgroundBrush}"
							  Stroke="{StaticResource ButtonBorderBrush}"/>
							<Path
							  Margin="2,0,0,0"
							  Width="3"
							  Height="12"
							  Data="M0,0 20,0 20,100 0,100 z"
							  Stretch="Fill"
							  Fill="{StaticResource ButtonBackgroundBrush}"
							  Stroke="{StaticResource ButtonBorderBrush}"/>
						</StackPanel>
					</Grid>
				</Button>
				<Button x:Name="btnNext" Style="{StaticResource Button.TransparentWithEffect4}" Margin="2,0,2,0" Width="15" Height="15" Click="btnNext_Click">
					<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
						<Path
							Width="6"
							Height="11"
							Data="M0,100 L0,0 60,50 z"
							Stretch="Fill"
							Fill="{StaticResource ButtonBackgroundBrush}"
							Stroke="{StaticResource ButtonBorderBrush}"/>
						<Path
							Width="6"
							Height="11"
							Data="M0,100 L0,0 60,50 z"
							Stretch="Fill"
							Fill="{StaticResource ButtonBackgroundBrush}"
							Stroke="{StaticResource ButtonBorderBrush}"/>
					</StackPanel>
				</Button>
				<Button x:Name="btnMute" Style="{StaticResource Button.TransparentWithEffect4}" Margin="2,0,2,0" Width="15" Height="15" Click="btnMute_Click">
					<Grid>
						<StackPanel x:Name="patMuteOn" Orientation="Horizontal" HorizontalAlignment="Center">
							<Path
							  Width="2"
							  Height="6"
							  Data="M0,40 0,60"
							  Stretch="Fill"
							  VerticalAlignment="Center"
							  Fill="{StaticResource ButtonBackgroundBrush}"
							  Stroke="{StaticResource ButtonBorderBrush}"/>
							<Path
							  Margin="1,0,0,0"
							  Width="4"
							  Height="14"
							  Data="M20,35 80,0 80,100 20,65 z"
							  Stretch="Fill"
							  VerticalAlignment="Center"
							  Fill="{StaticResource ButtonBackgroundBrush}"
							  Stroke="{StaticResource ButtonBorderBrush}"/>
						</StackPanel>
						<StackPanel x:Name="patMuteOff" Orientation="Horizontal" HorizontalAlignment="Center" Visibility="Collapsed">
							<Path
							  Width="2"
							  Height="6"
							  Data="M0,40 0,60"
							  Stretch="Fill"
							  VerticalAlignment="Center"
							  Fill="{StaticResource ButtonBackgroundBrush}"
							  Stroke="{StaticResource ButtonBorderBrush}"/>
							<Path
							  Margin="1,0,0,0"
							  Width="4"
							  Height="14"
							  Data="M20,35 80,0 80,100 20,65 z"
							  Stretch="Fill"
							  VerticalAlignment="Center"
							  Fill="{StaticResource ButtonBackgroundBrush}"
							  Stroke="{StaticResource ButtonBorderBrush}"/>
							<Canvas Width="6" Height ="6" VerticalAlignment="Center" Margin="1,0,0,0">
								<Line X1="0" Y1="0" X2="6" Y2="6" Stroke="{StaticResource ButtonBorderBrush}"/>
								<Line X1="0" Y1="6" X2="6" Y2="0" Stroke="{StaticResource ButtonBorderBrush}"/>
							</Canvas>
						</StackPanel>
					</Grid>
				</Button>
				<Slider x:Name="slider" Style="{StaticResource Slider.VolumeWithEffect4}" ValueChanged="VolumeChanged" Maximum="100" LargeChange="10" Value="0" Margin="2,0,7,0" Width="72" VerticalAlignment="Center"/>
			</StackPanel>
			
			<Grid>

				<Border x:Name="borCentral" Background="{StaticResource BorderCentralBrush}" BorderThickness="1,1,1,1" CornerRadius="2,2,2,2" Width="200" BorderBrush="#FF565A5B" VerticalAlignment="Stretch" ClipToBounds="True" Margin="0,1,5,1">
					<Grid x:Name="griInformations">
						<TextBlock x:Name="txtTitle" HorizontalAlignment="Left" Foreground="#FFFFFFFF" TextAlignment="Left" VerticalAlignment="Center">
							<TextBlock.RenderTransform>
								<TranslateTransform x:Name="translate" />
							</TextBlock.RenderTransform>
							<TextBlock.Triggers>
								<EventTrigger RoutedEvent="FrameworkElement.Loaded">
									<BeginStoryboard>
										<Storyboard RepeatBehavior="Forever">
											<DoubleAnimation
											  From="{Binding Path=ActualWidth, ElementName=borCentral}"
											  To="{Binding Path=ActualWidth, Converter={StaticResource InverseConverter}, ElementName=txtTitle}"
											  Storyboard.TargetName="translate"
											  Storyboard.TargetProperty="X"
											  Duration="0:0:15" />
										</Storyboard>
									</BeginStoryboard>
								</EventTrigger>
							</TextBlock.Triggers>
						</TextBlock>
					</Grid>
				</Border>

				<wpf:Spinner x:Name="spiRadio" RenderTransformOrigin="0.5,0.5" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,-10,0,0">
					<wpf:Spinner.RenderTransform>
						<TransformGroup>
							<ScaleTransform ScaleX="0.5" ScaleY="0.5"/>
							<SkewTransform AngleX="0" AngleY="0"/>
							<RotateTransform Angle="0"/>
							<TranslateTransform X="0" Y="5"/>
						</TransformGroup>
					</wpf:Spinner.RenderTransform>
				</wpf:Spinner>

			</Grid>

			<TextBlock x:Name="txtDuration" Foreground="White" Text="-" TextAlignment="Center" Width="80" VerticalAlignment="Center" HorizontalAlignment="Stretch" Margin="2,0,2,0"/>

			<Slider x:Name="sliPosition" Style="{StaticResource Slider.PositionWithEffect4}" ValueChanged="PositionChanged" Maximum="100" LargeChange="10" Width="70" VerticalAlignment="Center" Margin="2,0,5,0"/>
			<Grid Width="120" Height="Auto" Margin="2,0,2,0">

				<Image x:Name="SpectrumImage" Width="90" Stretch="None" HorizontalAlignment="Stretch" Margin="0,2,0,2" VerticalAlignment="Stretch" Height="16"/>

				<Border x:Name="borSpectrumHighlight" MouseUp="spectrum_MouseUp" BorderThickness="1,1,1,1" Opacity="0" BorderBrush="#FF41403E" Margin="0,2,0,2">
					<Border.Background>
						<LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
							<GradientStop Color="#BF31302F" Offset="0.12"/>
							<GradientStop Color="#BF201913" Offset="0.544"/>
							<GradientStop Color="#BF313130" Offset="0.94"/>
							<GradientStop Color="#BF100E0D" Offset="0.524"/>
						</LinearGradientBrush>
					</Border.Background>
					<Border.BitmapEffect>
						<OuterGlowBitmapEffect GlowColor="White" GlowSize="3" Noise="0" Opacity="0.5" />
					</Border.BitmapEffect>
					<Border.Triggers>
						<EventTrigger RoutedEvent="Mouse.MouseEnter">
							<BeginStoryboard>
								<Storyboard>
									<DoubleAnimation To="0.7" Duration="00:00:00.2000000" Storyboard.TargetProperty="Opacity" />
								</Storyboard>
							</BeginStoryboard>
						</EventTrigger>
						<EventTrigger RoutedEvent="Mouse.MouseLeave">
							<BeginStoryboard>
								<Storyboard>
									<DoubleAnimation To="0" Duration="00:00:00.2000000" Storyboard.TargetProperty="Opacity" />
								</Storyboard>
							</BeginStoryboard>
						</EventTrigger>
					</Border.Triggers>
				</Border>

			</Grid>
			<Grid Width="60" Height="Auto">

				<Border Background="{StaticResource ShinyBackground}" CornerRadius="0,0,0,0" x:Name="borMiniPlayer" HorizontalAlignment="Stretch"/>
				<StackPanel Orientation="Horizontal" x:Name="staMiniPlayer" HorizontalAlignment="Center" Width="54">
					<Button x:Name="btnColorSelector" Margin="3,1,0,1" Height="16" Style="{StaticResource WindowBarButton}">
						<Ellipse
										  Height="7"
										  Width="7"
										  Stroke="{StaticResource VOColor02}"
										  StrokeThickness="2" />
					</Button>
					<Button x:Name="miniMode" Margin="0,1,0,1" Style="{StaticResource WindowBarButton}">
						<Polygon
										  Points="2,2 8,2 5,5"
										  Fill="White"
										  Stroke="White"
										  StrokeThickness="1" />
					</Button>
					<Button x:Name="close" Margin="0,1,3,1" Style="{StaticResource WindowBarButton}">
						<Canvas Height="10" Width="10">
							<Line Fill="White" X2="9" X1="1" Stroke="White" StrokeThickness="1.5" Y2="9" Y1="1" />
							<Line Fill="White" X2="1" X1="9" Stroke="White" StrokeThickness="1.5" Y2="9" Y1="1" />
						</Canvas>
					</Button>
				</StackPanel>

			</Grid>

		</StackPanel>
	</Border>

</runtime:VisualPart>
